<script setup>
import { ref } from 'vue'
import {useRouter} from 'vue-router'
const router = useRouter();
const goToPostEditor = () => router.push('/PostEditor');
function goDetails(v){
    router.push('/home/details')
}
const hotlist = ref([
    { 
        content: '出书购书同学们快来，大甩卖，快来啊，快开车来！',
        favour: 799,
        
    },
    {
        content: '们在食堂抢最后一份糖醋排骨，在图书馆偷偷传的纸条上画鬼脸',
        favour: 776,
    },
    { 
        content: '清晨的包子铺飘来第一缕香气，傍晚的操场有老人打太极，地铁里有人捧着书读得入神，便利店大',
        favour: 799,
        
    },
    { 
        content: '“你说‘女孩子就该安稳’，你说‘年纪大了别折腾’，你说‘这世界不是你想的那么简单',
        favour: 799,
        
    },
    { 
        content: '慢一点走，去听风吹树叶的声音，去看云朵路过窗台的模样，去珍惜每一个‘刚刚好’的瞬间素养显著提升，积极向党组织靠拢；组织建设更加完善，各项制度落实到位；团员之间关系更加紧密，凝聚力增强；在社会实践中展现了青年担当，提升了团支部影响力。未来，团支部将继续努力，不断创新工作方式，为团员青年成长和社会发展贡献更大',
        favour: 799,
        
    },
    { 
        content: '我的人生是一片荒野，想种玫瑰就种玫瑰，想长野草就长野草，',
        favour: 799,
        
    },
    { 
        content: '通过一年的努力，团支部在各方面取得了良好效果。团员们政治素养显著提升，积极向党组织靠拢；组织建设更加完善，各项制度落实到位；团员之间关系更加紧密，凝聚力增强；在社会实践中展现了青年担当，提升了团支部影响力。未来，团支部将继续努力，不断创新工作方式，为团员青年成长和社会发展贡献更大',
        favour: 799,
        
    },
])

</script>

<template>
<div class = "content-right">
    <div class = "sidebar-creator card">
       <div class=" creator-hb">
            <i class = "iconfont icon-chuangzuozhongxin"></i>
            <span>创作中心</span>
       </div> 
        <div class="creater-db">
            <ul style ="list-style-type: none;">
                <li>
                    <i class = " iconfont icon-order-fill"></i>
                    <p>交易</p>
                </li>
                <li>
                    <i class = " iconfont icon-shoucang"></i>
                    <p>喜欢</p>
                </li>
                <li>
                    <i class = " iconfont icon-tousujubao"></i>
                    <p>举报</p>
                </li>
            </ul>
        </div>
        
        <div class = "creator-fb" onclick="" >
            <i class="iconfont icon-jiahao_o"></i>
            <span @click="goToPostEditor">发表帖子</span>
        </div>
    </div>

    <div class = "sidebar-creator card">
        <div class= " reator-hb">
            <i class = "iconfont icon-hot-for-atmosphere"></i>
            <span>火文</span>
        </div>
        <div  @click="goDetails" class = "hot_list">
            <ul style  = "list-style-type: none;">
                <li v-for = "v in hotlist" :key = "v.favour">
                    <div class = "hot_items">
                        {{ v.content }}
                    </div>
                    <div class=" hot_num">
                        {{ v.favour }}
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
</template>
<style scoped>
.content-right{
    width:500px;
    margin-top: -30px ;
}
</style>